<template>
  <div class="taxi-content">
    <div class="taxi-head">
      <router-link to="/user/wallet" class="taxi-left">
          <span class="iconfont icon-fanhui">
          </span>
      </router-link>
      <h3>余额提现</h3>
    </div>
    <ul>
      <li class="item " >
        <div class="item-info">
          <h4 class="item-desc">.</h4>
        </div>
      </li>
      <li class="item-info">
        <p class="item-title">现金</p>
        <div class="item-decs">
          <mt-field style="margin-left: 20px" label="￥" placeholder="请输入金额" v-model="userhave"></mt-field>
        </div>
      </li >
      <li class="item-info2">
        <div>
        <p class="tack">当前可提现余额 99 元，</p>
        <p style="color: #00A5ED">全部提现</p>
        </div>
      </li>
    </ul>
   <button  >提现</button>
  </div>
</template>

<script>
  export default {
    name: "have"
  }
</script>

<style scoped>
  .taxi-head{
    position: fixed;
    top: 0px;
    width: 100%;
    height: 50px;
    line-height: 15vw;
    background: rgb(243, 236, 249);
    color: #2b2b2b;
    text-align:center;
  }
  .taxi-left{
    width: 38px;
    height: 38px;
    display: block;
    float: left;
    color: #00A5ED
  }
    .taxi-content {
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    color: #999;
    background-color: #fff;
    text-align: left;
  }
  .item{
    top:0px;
    width: 100%;
    height: 50px;
    background-color: rgba(243, 236, 249, 0);
  }
  .item-info {
    width: 100%;
    height: 60px;
    background-color: rgb(255, 251, 251);
    border-bottom: #d1d1d1 solid 1px;
  }
  .item-info .item-title{
    margin-left: 27px;
    width: 100%;
    height: 20px;
    line-height: 30px;
    color: #2b2b2b;
  }
  .item-info .item-decs{
    width: 100%;
    height: 40px;
    margin-bottom: 10px;
    color: #2b2b2b;
  }
  .item-info2{
    margin-bottom: 30px;
    background-color: #fefaff;

  }
  .tack{
    float: left;
    margin-left: 10px;
  }
  button{
    background-color: #64bc52;
    width: 100%;
    height: 50px;
    color: #ffffff;

  }
</style>
